<!-- start content--->
<div id="content"> 
      <div class="top1">
            <div class="left"> </div>
            <div class="right"></div>
            <div class="center">
            <h1 class="heading"><?php echo $heading_title;?> </h1>
            </div>
      </div>
       <div class="middle"> <!--start miiddlwe -->
      
       <?php if($dagui){?>
       <div class="success"><?php echo $dagui; ?></div>
       <?php } ?>

       <?php if($err){ ?>
       <div class="warning"><?php echo $error_name; ?></div>
       <?php } ?>
     

        <div style="width: 100%;"><!-- start group --> </div> <!-- end group -->
        <table class="form">
	   <form action="" method="post" enctype="multipart/form-data" id="create" onsubmit="return validate(this);">
       
        <tr>
        <td>Tên khách hàng</td><td> <input type="text" name="hovaten" id="hovaten" size="58"/></td>
        </tr>
        
        <tr>
        <td>Số CMTND</td><td> <input type="text" name="chungminhthu" id ="cmt"size="11" onkeyup="javascript:checkNumber(create.cmt);"/></td>
        </tr>
        
        <tr>
        <td>Số điện thoại</td><td> <input type="text" name="dienthoai" id="sdt" size="11" onkeyup="javascript:checkNumber(create.sdt);"/></td>
        </tr>
        
        <tr>
        <td>Email</td><td> <input type="text" name="email" size="58"/></td>
        </tr>
        
         <tr>
        <td>Địa chỉ</td><td><textarea  name="diachi" cols="80" rows="5"></textarea></td>
        </tr>
        <tr>
        <td>Số phòng nghỉ</td><td> <input type="text" name="sophong" size="10" id="sp" onkeyup="javascript:checkNumber(create.sp);"/> Số lượng khách: <input type="text" name="sokhach" size="10" id="sk" onkeyup="javascript:checkNumber(create.sk);"/>  </td>
        </tr>
        
        <tr>
        <td>Ngày nhận phòng</td><td> <input type="text" name="thoigiannhanphong" size="10" id="date1"/> Ngày trả phòng:  <input type="text" name="thoigiantraphong" id="date2" size="10"/> </td>
        </tr>
        <tr><td>Ghi chú <br />(Đi theo đoàn, đặt cơm, đặt taxi,...)</td><td><textarea  name="ghichu" cols="80" rows="10"></textarea></td></tr>
        <tr>
        <td>Mã xác nhận</td><td> <input type="text" name="captcha" id = "captcha" size="10"/> <img src ="<?php echo $captcha;?>"/> <?php echo $_SESSION['code'];?><?php echo $_POST['xacnhan'];?> </td>
        </tr>
        
        <tr><td></td><td><input type="submit" value="Gửi đi"/></td></tr>
        </form>
        </table>
       </div> <!--end middle-->
       <div class="bottom"> <!-- bgin botom-->
          <div class="left"></div>
          <div class="right"></div>
          <div class="center"></div>
      </div><!-- end botom -->
     
</div><!-- end content -->

<script type="text/javascript" src="view/javascript/jquery/ui/ui.datepicker.js"></script>
<script type="text/javascript"><!--
$(document).ready(function() {
	$('#date1').datepicker({dateFormat: 'dd/mm/yy'});
    	$('#date2').datepicker({dateFormat: 'dd/mm/yy'});
});
//--></script>


<script type="text/javascript">
	function validate(theform)
		{
	    	if(theform.hovaten.value=="")
			{
			alert("Vui lòng nhập tên khách hàng");
			theform.hovaten.focus();
			return false;
			}
            
            else if(theform.cmt.value=="")
			{
			alert("Vui lòng nhập số SMTND");
			theform.cmt.focus();
			return false;
			}   
          
            else if(theform.sdt.value=="")
			{
			alert("Vui lòng nhập số điện thoại");
			theform.sdt.focus();
			return false;
			}   
         
            else if(theform.email.value=="")
			{
			alert("Vui lòng nhập email");
			theform.email.focus();
			return false;
			}  
            else if(theform.email.value.indexOf('@',0)==-1 || theform.email.value.indexOf('.',0)==-1 || theform.email.value.indexOf(' ',0)!=-1){
			alert("Email không hợp lệ");
			theform.email.focus();
			return false;
	      	}
          
            
            else if(theform.diachi.value=="")
			{
			alert("Vui lòng nhập thông tin địa chỉ");
			theform.diachi.focus();
			return false;
			} 
            
             else if(theform.sophong.value=="")
			{
			alert("Vui lòng nhập số lượng phòng");
			theform.sophong.focus();
			return false;
			} 
             else if(theform.sokhach.value=="")
			{
			alert("Vui lòng nhập số lượng khách");
			theform.sokhach.focus();
			return false;
			} 
              
            else if(theform.thoigiannhanphong.value=="")
			{
			alert("Vui lòng nhập thời gian nhận phòng");
			theform.thoigiannhanphong.focus();
			return false;
			}   
            
            else if(theform.thoigiantraphong.value=="")
			{
			alert("Vui lòng nhập thời gian trả phòng");
			theform.thoigiantraphong.focus();
			return false;
			}   
            
	       else if(theform.captcha.value=="")
			{
			alert("Vui lòng nhập mã xác nhận");
			theform.captcha.focus();
			return false;
			}   
   
            else if(theform.captcha.value == "" && theform.captcha.value != <?php echo $_SESSION['code'];?>)
    		{ 
    		alert("Nhập mã bảo vệ chính xác".theform.captcha.value); 
    		theform.captcha.focus(); 
    		return false; 
    		}	
              
          
      
      	return true;
		}
</script> 
     
<script type="text/javascript">
// calculate the ASCII code of the given character
function CalcKeyCode(aChar) {
  var character = aChar.substring(0,1);
  var code = aChar.charCodeAt(0);
  return code;
}

function checkNumber(val) {
  var strPass = val.value;
  var strLength = strPass.length;
  var lchar = val.value.charAt((strLength) - 1);
  var cCode = CalcKeyCode(lchar);

  /* Check if the keyed in character is a number
     do you want alphabetic UPPERCASE only ?
     or lower case only just check their respective
     codes and replace the 48 and 57 */

  if (cCode < 48 || cCode > 57 ) {
    var myNumber = val.value.substring(0, (strLength) - 1);
    val.value = myNumber;
  }
  return false;
}
</script>